    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>复习</title>

        <script src="jquery-3.4.1.js"></script>
        <style>
            #box1{
                width: 122px;
                height: 133px;
                background: #ff91bd;
            }
        </style>
    </head>

    <body>
    <div id="box1">kjfkf&nbsp;&nbsp;&nbsp;jkdsfjkdsfkdsfjdksf</div>
    <div id="box3"><p>kjfkf&nbsp;&nbsp;&nbsp;jkdsfjkdsfkdsfjdksf</p></div>

    <script>
        // $("div").html("<p>我&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;是一个p元素</P>");
        // console.log($("div").html("<p>我是一个p元素</P>").text());
        // console.log($("#box1").text());
        // console.log($("#box3").text());
        //
        //
        // console.log($("#box1").html());
        // console.log($("#box3").html());

        // console.log($("#box1").height());
        // console.log($("#box1").css("height"));
        console.log($("#box1").offset({"top":100,"left":200}));
    </script>
    </body>
    </html>